<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style>

</style>
<body>

<div>
	<div>
		<ul>
			<li>111</li>
			<li>222</li>
			<li>333</li>
		</ul>
	</div>
	<p>cc</p>
	<!--
	<div>
		<ul>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</div>
-->
</body>
<script>
	function $(s){
		return document.querySelectorAll(s);
	}
	var lis = $("li");
	// $("div")[0].addEventListener("click",function(e){
	// 	if (e.target.tagName == "LI") {
	// 		e.target.innerText = "该地啊";
	// 	}
	// })

	//     for (var i = 0; i < lis.length; i++) {
	//     	$("div")[0].onclick = function(e){
	//     	if(e.target.tagName == "LI"){
	//     		e.target.innerText = "kj kl";
	//     	} 
	//     }
	// }

/*
x = y*2+1
x = y*5+1
x = y*3+1

x/5 = y+1;
x/3 = 1
*/

	for (var i = 4; i < 51; i++) {
		if (i%5==1&&i%3==1&&i%2==1) {
			console.log(i);
		}
	}

	$("div")[0].onclick = function(e){
	    	if(e.target.tagName == "LI"){
	    		index = getIndex(lis,e.target); 
	    		e.target.innerText = "dad";
	    	} 
	    }
	

	function getIndex(item,index){//索引
		for(var i=0;i<item.length;i++){
			if (item[i]==index) {
				return i;
			}
		}
		return -1;
	}
	
	var a = parseInt(Math.random()*20);
	var arr=[];
	for (var i = 0; i < a; i++) {
		arr.push(Math.floor(Math.random()*10));  
	}
	arr.sort(function(a,b){
		return a-b;
	})
	console.log(arr);


/*

事件委托：
原理：事件冒泡
优点：
	1.避免遍历集合（节省给各个元素绑定事件的时间）
	2.可以为新添加的元素注册事件

 */



</script>
</html>